<template>
    <el-dialog title="上传对账单" :visible.sync="switchUploadBill" :before-close="closeDialog"  @open="upload">
      <div class="m-list">
        <el-checkbox v-model="leihui" class="m-line">乐惠</el-checkbox>
        <div>
          <span class="m-txt">账期</span>
          <chooseDate ref="date"></chooseDate>
          <div class="m-btn" > <i class="el-icon-upload2"></i>上传</div>
        </div>
      </div>
      <div class="m-list">
        <el-checkbox v-model="dianping" class="m-line">大众点评/美团</el-checkbox>
        <div>
          <span class="m-txt">账期</span>
          <chooseDate ref="date"></chooseDate>
          <div class="m-btn" > <i class="el-icon-upload2"></i>上传</div>
        </div>
      </div>
      <div class="m-list">
        <el-checkbox v-model="pos" class="m-line">POS机</el-checkbox>
        <div>
          <span class="m-txt">账期</span>
          <chooseDate ref="date"></chooseDate>
          <div class="m-btn" > <i class="el-icon-upload2"></i>上传</div>
        </div>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" round class="button-certain">自动对账</el-button>
      </div>
    </el-dialog>
</template>

<script>
  import chooseDate from '@/components/chooseDate';
    export default {
      name: "uploadBill",
      components:{chooseDate},
      data(){
          return{
            switchUploadBill:false,
            leihui:false,
            dianping:false,
            pos:false
          }
      }
    }
</script>

<style scoped>
  .dialog-footer{
    text-align: center;
  }
  .button-certain {
    background: #FF679E;
    border-color:#FF679E;
    border-radius: 101px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    padding: 10px 30px;
  }
  .m-btn{
    display: inline-block;
    background: #FFED8C;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0;
    border-radius: 100px;
    padding:8px 15px;
    cursor: pointer;
    margin-left:10px
  }
  .m-line{
    padding:15px;
  }
  .m-txt{
    padding:0 20px 0 40px;
  }
</style>
